
.violet {
    .ivu-menu-horizontal{
        height: 40px;
        line-height: 40px;
    }
    .ivu-menu-horizontal .ivu-menu-item, .ivu-menu-horizontal .ivu-menu-submenu{
        padding: 0 10px;
    }
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item{
        color: #333;
    }
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active{
        color: #8A54EF;
    }
    .ivu-menu-primary.ivu-menu-horizontal .ivu-menu-item-active{
        background: #8A54EF;
    }  
    .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected, .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item-selected:hover {
        color: #8A54EF;
        background: rgba(226, 209, 255, 0.9);
    }
    .ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title{
        padding: 10px 22px;
    }
    .ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-vertical .ivu-menu-submenu-title:hover {
        background: rgba(226, 209, 255, 0.9);
    }
    .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active, .ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover{
        color: #8A54EF;
    }
    .ivu-menu-horizontal .ivu-menu-submenu .ivu-select-dropdown .ivu-menu-item:hover {
        border-bottom: 0;
    }
    .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu){
        background: #f8e7ff;
        color: #8A54EF;
    }
    .ivu-menu-vertical .ivu-menu-item:hover, .ivu-menu-vertical .ivu-menu-submenu-title:hover{
        color: #8b57f0;
    }
    .ivu-menu-light.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):after{
        background: #8b57f0;
    }
}